<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@page import="Bean.BeanUser"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>阳光运动</title>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/index/阳光运动_-学校主页_files/style.css">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/index/阳光运动_-学校主页_files/china_common.css">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/index/阳光运动_-学校主页_files/base.css">
<link href="<%=request.getContextPath()%>/index/css/theme_1.css" rel="stylesheet" type="text/css" />
<link href="<%=request.getContextPath()%>/index/css/header_150803.css" rel="stylesheet" type="text/css" />
<link href="<%=request.getContextPath()%>/index/css/footer_150526.css" rel="stylesheet" type="text/css" />
<link href="<%=request.getContextPath()%>/index/css/home.css" rel="stylesheet" type="text/css" />
    <style>body{-webkit-backface-visibility: hidden;}
    body .spacer,body .vspacer{display:none;}
    #bd{width:960px;font-family:Arial;margin-top:15px;}
    #bd_auto{width:1200px;font-family:Arial;margin-top:15px;}
    /*2018/04/17图首促销背景展示*/
    
    #bd_auto{width:100%; }
    .top_ad_banner,.storey_one,.storey_two,.storey_three,.storey_four,.storey_five,.storey_six,.storey_seven{width:1000px;margin: 0 200px;}
    .storey_one,.storey_three,.storey_five,.storey_six{margin-bottom:20px;}.storey_three,.storey_five{width:1200px;position:relative;overflow:hidden;margin-bottom:20px;border-bottom:1px solid #eaeaea;border-top: 1px solid #eaeaea;}
    .storey_three{padding:20px 0;}
    .storey_five{padding: 20px 0;}
    .book_3ad{width:1300px;zoom:1;padding:10px 0;}
    .book_3ad:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
    .book_3ad a{display:block;float:left;width:382px;margin-right:27px;}
    .book_3ad a img{display:block;width:382px;}
    #bd .storey_three,#bd .storey_five{width:960px;}
    #bd .book_3ad a,#bd .book_3ad a img{width:300px;}
    #bd .book_3ad a{margin-right:30px;}.book_reco_area{height:581px;}
    .book_reco_area .book_reco_head{height: 50px;position: relative;border-bottom:1px solid #487a6f;}
    .book_reco_area .book_reco_head .title{height: 50px;width: 108px;line-height: 0;font-size: 0;background: url(images/home/title_sprite.png) 0 -150px no-repeat;position: absolute;left: 0;top: 0;text-indent: -9999px;}
    .book_reco_area .book_reco_head a{display: block;height: 30px;line-height: 30px;font-size: 14px;color: #228bc1;position: absolute;left: 150px;top: 9px;background: url(images/home/sprite.png) 0 -46px no-repeat;padding-left: 25px;cursor: pointer;}
    .book_reco_area .book_reco_pro{width: 960px;float: left;position: relative;overflow: hidden;padding-top: 20px;height: 490px;}
    .book_reco_area .book_reco_pro .list_aa{width:1000px;position: relative;left: 0;}
    .book_reco_area .book_reco_pro .list_aa li{width: 150px;margin-right: 100px;float:left;position:relative;margin-bottom: 17px;}
    .book_reco_area .book_reco_pro .list_aa li .number{position:absolute;top:-27px;left:26px;font-size:18px;color:#ff4f4b;}
    .book_reco_area .book_reco_pro .list_aa li .name{padding: 7px 23px 0;
        height: 36px;line-height: 18px;overflow: hidden;word-wrap: break-word; word-break: break-all;}
    .book_reco_area .book_reco_pro .list_aa li .name a,.book_reco_area .book_reco_pro .list_aa li .name a:hover{color: #000;text-decoration: none;}
    .book_reco_area .book_reco_pro .list_aa li .name a:hover{text-decoration: underline;color:#ec7814;}
    .book_reco_area .book_reco_pro .list_aa li .star{height: 14px;padding: 3px 0 3px 22px;}
    .book_reco_area .book_reco_pro .list_aa li .star .level{display: inline-block;height: 13px;font-size: 0;width: 69px;background: url(images/home/book_star_bg.png) 0 bottom repeat-x;position:relative;top:1px;}
    .book_reco_area .book_reco_pro .list_aa li .star .level span{display: block;height: 13px;font-size: 0;width:69px;background: url(images/home/book_star_bg.png) 0 top repeat-x;}
    .book_reco_area .book_reco_pro  .list_aa li .price {padding: 0 0 0 23px;height: 16px;line-height: 16px;overflow: hidden;margin-top:4px;font-family: Arial;font-size: 14px;}
    .book_reco_area .book_reco_pro .list_aa li .price .rob {color: #c30;float: left;overflow: hidden;margin-right: 12px;font-weight: bold;}
    .book_reco_area .book_reco_pro .list_aa li .price_r {color: #aaa;
        text-decoration: line-through;float: left;}

    .book_dztj .roll_aa{position:relative;width:950px;overflow: hidden;padding:40px 0 22px 0;}
    .book_dztj .roll_aa .over{position:relative;width:750px;height:233px;}
    #bd .book_dztj .roll_aa .over{position:relative;width:600px;height:233px;}

    .book_dztj .roll_aa .btn_brand_prev{width:25px;height:50px;background:url(http://img4.ddimg.cn/00363/book_index/book_fanye_btn.png) 0 0 no-repeat;position:absolute;left:0;top:50%;margin-top:-20px;z-index:2;cursor:pointer;}
    .book_dztj .roll_aa    .btn_brand_next{width:25px;height:50px;background:url(http://img4.ddimg.cn/00363/book_index/book_fanye_btn.png) -26px 0 no-repeat;z-index:2;cursor:pointer;position: absolute;right: 0;top: 50%;margin-top: -20px;}
    .book_dztj .roll_aa .btn_brand_prev:hover,.book_presell .btn_prev_hover{cursor:pointer;background-position:0 -51px;}
    .book_dztj .roll_aa .btn_brand_next:hover,.book_presell .btn_next_hover{cursor:pointer;background-position:-26px -51px;}

    .book_dztj .roll_aa .over .list_aa{width:10000px;position: absolute;left: 0;position:absolute;}
    .book_dztj .roll_aa .over .list_aa li{width: 150px;margin-right: 47px;float:left;position:relative;}
    .book_dztj .roll_aa .over .list_aa li a.img,.book_dztj .roll_aa .over .list_aa li a.img img{display:block;width:150px;height:150px;}
    .book_dztj .roll_aa .over .list_aa li .number{position:absolute;top:-27px;left:26px;font-size:18px;color:#666;}
    .book_dztj .roll_aa .over .list_aa li.line1 .number,.book_dztj .roll_aa .over .list_aa li.line2 .number{color:#ff4f4b;}
    .book_dztj .roll_aa .over .list_aa li .name{padding:7px 20px 0;height:18px;line-height: 18px;overflow: hidden;}
    .book_dztj .roll_aa .over .list_aa li .name a,.book_dztj .roll_aa .over .list_aa li .name a:hover{color: #000;text-decoration: none;}
    .book_dztj .roll_aa .over .list_aa li .name a:hover{text-decoration: underline;color:#ec7814;}
    .book_dztj .roll_aa .over .list_aa li .star{height: 14px;padding: 3px 0 3px 20px;}
    .book_dztj .roll_aa .over .list_aa li .star .level{display: inline-block;height: 13px;font-size: 0;width: 69px;background: url(images/home/book_star_bg.png) 0 bottom repeat-x;position:relative;top:1px;}
    .book_dztj .roll_aa .over .list_aa li .star .level span{display: block;height: 13px;font-size: 0;width:69px;background: url(images/home/book_star_bg.png) 0 top repeat-x;}
    .book_dztj .roll_aa .over .list_aa li .price {padding-left:20px;height:36px;line-height: 16px;overflow: hidden;margin-top:4px;font-size:14px;position:relative;}
    .book_dztj .roll_aa .over .list_aa li .price .rob {color: #c30;float: left;overflow: hidden;margin-right: 12px;font-weight: bold;}
    .book_dztj .roll_aa .over .list_aa li .price_r{color: #aaa;text-decoration: line-through;float: left;}
    .book_dztj .roll_aa .over .list_aa li .ebookprice_n{position:absolute;left:20px;top:16px;display:inline-block;font:12px Arial;padding:4px 0 0 0;color:#787878; }
    #bd .storey_six .storey_six_left,#bd .book_dztj,#bd .book_dztj .tab_content_aa ul.first .line1,#bd .book_dztj .roll_aa{width:710px;}
    #bd .book_dztj .tab_content_aa ul.first .line1 .name,#bd  .book_dztj .tab_content_aa ul.first .line1 .star, #bd .book_dztj .tab_content_aa ul.first .line1 .price,#bd  .book_dztj .tab_content_aa ul.first .detail{width:500px;}
    #bd .book_dztj .roll_aa .over .list_aa li{margin-right:40px;}
    .book_dztj .mix_marquee_tab{position:absolute;left:434px;top:285px;}
    .book_dztj .mix_marquee_tab li{float:left;width:10px;height:10px;font-size:0;line-height:10px;margin-right:10px;background:url(http://img4.ddimg.cn/00363/book_index/diandian_bg2.png) 0 -20px no-repeat;text-indent:-9999px;cursor: pointer;}
    .book_dztj .mix_marquee_tab li.current{background-position:0 0;}
    #bd  .book_dztj .mix_marquee_tab{left:310px;}.storey_six_right{width: 240px;float: left;}
    .book_community{border:1px solid #eaeaea;width: 238px;height: 594px;}
    .book_community .sq_head,.book_community .sq_head:hover{text-decoration: none;background: url(images/home/book_community_bg.png) 0 0 no-repeat;text-indent: -9999px;display:block;width: 238px;height: 84px;}
    .book_community .sq_activity_text{padding-left: 14px;color:#487a6f;font-size: 18px;font-weight: normal;height: 30px;line-height: 30px;margin-top: 13px;font-family:"Microsoft Yahei";}
    .book_community .sq_activity_title,.book_community .sq_activity_title:hover{display: block;padding:0 14px;line-height: 24px;font-size: 14px;color: #000;height: 48px;overflow: hidden;position: relative;font-weight:bold;}
    .book_community .sq_activity_title:hover{color:#ec7814;}
    .book_community .sq_activity_product{margin-left: 44px;margin-top: 18px;}
    .book_community .sq_activity_product .img,.book_community .sq_activity_product .img img{display: block;width: 150px;height: 150px;}
    .book_community .sq_activity_info,.book_community .sq_activity_info:hover{margin-top: 20px;display:block;padding:0 14px;color: #000;line-height: 24px;height: 168px;position: relative;overflow: hidden;}
    .book_community .sq_activity_info:hover{color:#ec7814;}
    .book_community div.book_sq_button{padding-left: 16px;zoom:1;margin-top: 17px;}
    .book_community div.book_sq_button:after{content:" ";height:0;display:block;clear:both;visibility:hidden;}
    .book_community div.book_sq_button a,.book_community div.book_sq_button a:hover{width: 98px;height: 28px;display: block;float: left;background:#487a6f;text-align:center;font-family:"Microsoft Yahei";font-size:16px;color:#fff;text-decoration: none;line-height:28px;}
    .book_community div.book_sq_button a:hover{background:#125143;}
    .book_community div.book_sq_button a.sq_cjhd_button{background:#ff5d5d;margin-right: 10px;}
    .book_community div.book_sq_button a.sq_cjhd_button:hover{background:#c72222;}.book_tuijian{height:606px;}
    .tuijian{width:950px;overflow:hidden;position:relative;height:588px;}
    .tuijian .head{position:relative;height:50px;border-bottom:1px solid #487a6f;}
    .tuijian .head .tltle{height:50px;width:108px;line-height:0;font-size:0;background: url(images/home/title_sprite.png) 0 -78px no-repeat;position:absolute;left:0;top:0;text-indent: -9999px;}
    .tuijian .head .tab_aa{height:35px;position:absolute;right:15px;top:17px;}
    .tuijian .head .tab_aa li{padding:2px 17px;height:32px;line-height:32px;float:left;color:#666;font-size:14px;margin-right:4px;font-family:"Microsoft Yahei";cursor:pointer;}
    .tuijian .head .tab_aa li span{cursor:pointer;}
    .tuijian .head .tab_aa li.on{border-radius:6px 6px 0 0;border:2px solid #487a6f;border-bottom:none;color:#4e8176;background:#fff;padding:0 15px;font-weight:bold;}
    .tuijian .tab_content_aa .list_aa{padding-right:100px;height:508px;overflow: hidden;width:1000px;}
    .tuijian .tab_content_aa .list_aa li{float:left;width:150px;margin-right:70px;margin-bottom:30px;height:233px;position:relative;}
    .tuijian .tab_content_aa .list_aa li .img,.tuijian .tab_content_aa .list_aa li .img img{width:180px;height:120px;display:block;}
    .tuijian .tab_content_aa .list_aa li .name{padding: 7px 20px 0;height:18px;line-height: 18px;overflow: hidden;}
    .tuijian .tab_content_aa .list_aa li .name a,.tuijian .tab_content_aa .list_aa li .name a:hover{color:#000;text-decoration: none;}
    .tuijian .tab_content_aa .list_aa li .name a:hover{text-decoration: underline;color:#ec7814;}
    .tuijian .tab_content_aa .list_aa li .author{padding: 0 20px;height: 24px;line-height: 24px;overflow: hidden;color: #aaa;}
    .tuijian .tab_content_aa .list_aa li .price{padding-left:20px;height:36px;line-height: 16px;font-family:"Arial";font-size:14px; position:relative;}
    .tuijian .tab_content_aa .list_aa li .price_r{color:#aaa;text-decoration: line-through;float: left;overflow: hidden;}
    .tuijian .tab_content_aa .list_aa li .price .rob{color: #c30;float: left;margin-right:12px;font-weight: bold;}
    .tuijian .tab_content_aa .list_aa li .ebookprice_n{position:absolute;left:20px;top:16px;display:inline-block;font:12px Arial;padding:4px 0 0 0;color:#787878;}
    .tuijian a.more_a{position:absolute;right:5px;bottom:5px;color:#5097bc;}
    #bd .tuijian{width:710px;}
    #bd .tuijian .tab_content_aa .list_aa{width:800px;}
    #bd .tuijian .tab_content_aa .list_aa li{margin-right:40px;}
    #bd .tuijian .head .tab_aa li{padding:2px 8px;}
    #bd .tuijian .head .tab_aa li.on{padding: 0 6px;}
    #bd .tuijian .tab_content_aa .list_aa li .icon_pop{position: absolute;right: 13px;top: -5px;}.book_hot{width: 950px;}
    .dd_brand_content_m .btn_prev_hover,.dd_brand_content_m .btn_next_hover{opacity:0.5;filter:alpha(opacity=50);}</style>
    <script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $(".tabh_0").on("click", function () {
                $(".tab").hide();
                $(".tab:eq(0)").css("display", "block");
                $(this).siblings().removeClass("first on");
                $(this).addClass("first on");
                $(".sel").val(-1).trigger('change');
            });
            $(".tabh_1").on("click", function () {
                $(".tab").hide();
                $(".tab:eq(1)").css("display", "block");
                $(this).siblings().removeClass("first on");
                $(this).addClass("first on");
                $(".sel").val(-1).trigger('change');
            });
            $(".tabh_2").on("click", function () {
                $(".tab").hide();
                $(".tab:eq(2)").css("display", "block");
                $(this).siblings().removeClass("first on");
                $(this).addClass("first on");
                $(".sel").val(-1).trigger('change');
            });
            $(".tabh_3").on("click", function () {
                $(".tab").hide();
                $(".tab:eq(3)").css("display", "block");
                $(this).siblings().removeClass("first on");
                $(this).addClass("first on");
                $(".sel").val(-1).trigger('change');
            });
            $(".tabh_4").on("click", function () {
                $(".tab").hide();
                $(".tab:eq(4)").css("display", "block");
                $(this).siblings().removeClass("first on");
                $(this).addClass("first on");
                $(".sel").val(-1).trigger('change');
            });
            $(".tabh_5").on("click", function () {
                $(".tab").hide();
                $(".tab:eq(5)").css("display", "block");
                $(this).siblings().removeClass("first on");
                $(this).addClass("first on");
                $(".sel").val(-1).trigger('change');
            });})
        //select选项跳转
        $(function() {
            $(".sel").bind("change", function() {
                opVal = $(this).find("option:selected").val();
                $(this).parent().parent().parent().children('ul').children('li').remove();  // 删除div下的子元素li
                var mythis=$(this);
                var type=$(this).parent().parent().parent().children('ul').attr("dd_name");
                var seq=$(this).parent().parent().parent().children('ul').attr("seq");
                if(opVal>0){
                    $.ajax({
                        url:"<%=request.getContextPath()%>/ShowClassByPlace?id="+opVal+"&type="+type,
                        type:"GET",
                        dataType:"json",
                        success: function(data) {
                            var arr=data;
                            var html='';
                            for(var i=0;i<arr.length;i++){
                                var teacher_name=arr[i].teacher?arr[i].teacher.teacher_name:"";
                                var place_name=arr[i].place?arr[i].place.place_name:"";
                                var class_span=arr[i].class_span;
                                html +='<li><a title="Classical Mythology" class="myimg" href="<%=request.getContextPath() %>/index/classdetail.jsp?id='+arr[i].class_id+'" >';
                                html+='<img width="200px" height="120px" src="<%=request.getContextPath() %>/index/pic/'+arr[i].class_url+'" /></a>';
                                html+='<p class="author"><span class="author_t">教师：</span>'+teacher_name+'</p>';
                                html+='<p class="author"><span class="author_t">校区：</span>'+place_name+'</p>';
                                html+='<p class="price"><span class="rob"><span class="sign">￥</span><span class="num">'+arr[i].class_price+'</span><span class="tail">.00</span></span><span class="ebookprice_n"><span class="ebookprice_title">时间段：</span><span class="num">'+class_span+'</span></span></p><div class="icon_pop"></div></li>';
                            }
                            mythis.parent().parent().parent().children('ul').append(html);
                        },
                        error: function(XMLHttpRequest, textStatus, errorThrown) {
                            alert(XMLHttpRequest.status);
                            alert(XMLHttpRequest.readyState);
                            alert(textStatus);
                            alert(errorThrown);
                        },
                    })
                }
                else{
                    $.ajax({
                        url:"<%=request.getContextPath()%>/ShowClassByType?type="+seq,
                        type:"GET",
                        dataType:"json",
                        success: function(data) {
                            var arr=data;
                            var html='';
                            for(var i=0;i<arr.length;i++){
                                var teacher_name=arr[i].teacher?arr[i].teacher.teacher_name:"";
                                var place_name=arr[i].place?arr[i].place.place_name:"";
                                var class_span=arr[i].class_span;
                                html +='<li><a title="Classical Mythology" class="myimg" href="<%=request.getContextPath() %>/index/classdetail.jsp?id='+arr[i].class_id+'" >';
                                html+='<img width="200px" height="120px" src="<%=request.getContextPath() %>/index/pic/'+arr[i].class_url+'" /></a>';
                                html+='<p class="author"><span class="author_t">教师：</span>'+teacher_name+'</p>';
                                html+='<p class="author"><span class="author_t">校区：</span>'+place_name+'</p>';
                                html+='<p class="price"><span class="rob"><span class="sign">￥</span><span class="num">'+arr[i].class_price+'</span><span class="tail">.00</span></span><span class="ebookprice_n"><span class="ebookprice_title">时间段：</span><span class="num">'+class_span+'</span></span></p><div class="icon_pop"></div></li>';
                            }
                            mythis.parent().parent().parent().children('ul').append(html);
                        },
                        error: function(XMLHttpRequest, textStatus, errorThrown) {
                            alert(XMLHttpRequest.status);
                            alert(XMLHttpRequest.readyState);
                            alert(textStatus);
                            alert(errorThrown);
                        },
                    })
                }
            });
        })
    </script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.8.2.min.js"></script>


</head>
<script type="text/javascript">
    function searchfunc(key){
    	var keyword=$("#keyword").val();
    	if(keyword.length==0){
    		keyword=key;
    	}
    	window.location.href='<%=request.getContextPath()%>/index/search.jsp?keyword='+keyword; 
    }
    function category(key){
    	var keyword=key;
    	window.location.href='<%=request.getContextPath()%>/index/category.jsp?category='+keyword; 
    }
</script>

<script type="text/javascript">
    window.onload=function(){
        var list = document.getElementById('list');
        var prev = document.getElementById('prev');
        var next = document.getElementById('next');
        var container = document.getElementById('centerblock_right');
        var buttons = document.getElementById('buttons').getElementsByTagName('span');
        var index = 1;

        function animate(offset) {
            //获取的是style.left，是相对左边获取距离，所以第一张图后style.left都为负值，
            //且style.left获取的是字符串，需要用parseInt()取整转化为数字。
            var newLeft = parseInt(list.style.left) + offset;
            list.style.left = newLeft + 'px';
            list.style.transition = '300ms ease';
            if(newLeft < -1470) {
                list.style.left = 0 + 'px';
            }
            if(newLeft > 0) {
                list.style.left = -1470 + 'px';
            }
        }
        var timer;

        function autoplay() {
            timer = setInterval(function() {
                next.onclick;
            }, 3000);
        }
        autoplay();

        function stopplay() {
            clearInterval(timer);
        }

        function showButton() {
            //清除之前的样式
            for(let i = 0; i < buttons.length; i++) {
                if(buttons[i].className == 'on') {
                    buttons[i].className = '';
                }
            }
            buttons[index - 1].className = 'on';
        }
        prev.onclick = function() {
            index -= 1;
            if(index < 1) {
                index = 3;
            }
            showButton();
            animate(735);
        }
        next.onclick = function() {
            index += 1;
            if(index > 3) {
                index = 1;
            }
            showButton();
            animate(-735);
        }
        for(var i = 0; i < buttons.length; i++) {
            buttons[i].onclick = function() {
                var clickIndex = parseInt(this.getAttribute('index'));
                var offset = 735 * (index - clickIndex);
                animate(offset);
                index = clickIndex;
                showButton();
            }
        }
        container.onmouseover = stopplay;
        container.onmouseout = autoplay;

        $.ajax({
            url:"<%=request.getContextPath()%>/ShowPlaces",
            type:"GET",
            dataType:"json",
            success: function(data) {
                $.each(data, function(index, item) {
                    $(".sel").append(  //此处向select中循环绑定数据
                        "<option value="+item.place_id+">" + item.place_name+ "</option>");
                });
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert(XMLHttpRequest.status);
                alert(XMLHttpRequest.readyState);
                alert(textStatus);
                alert(errorThrown);
            },
        })
        $(".sel").val(-1).trigger('change');
    }
</script>
<style>
	.c{
		display:none
	}
	body {
		font-size: 12px;
		font-family: Arial;
		margin: 0px;
		padding: 0px;
	}
		
	a {
		color: #999;
	}
	
	.greenColor {
		color: darkgreen !important;
	}
	
	nav.top a:hover {
		color: darkgreen;
		text-decoration: none;
	}
	
	nav.top {
		background-color: ghostwhite;
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #e7e7e7;
		margin: 0px;
	}
	
	nav.top span,
	nav.top a {
		color: #999;
		margin: 0px 0px 0px 10px;
		text-decoration: none;
	}
	
	.pull-right {
		float: right;
	}
	
	div.searchDiv {
		background-color: cadetblue;
		width: 400px;
		margin: 0px auto;
		padding: 1px;
		height: 40px;
		display: block;
	}
	
	div.searchDiv input {
		width: 275px;
		border: 1px solid transparent;
		height: 36px;
		margin: 1px;
		outline: none;
	}
	
	div.searchDiv button {
		width: 110px;
		border: 1px solid transparent;
		background-color: cadetblue;
		color: white;
		font-size: 20px;
		font-weight: bold;
	}
	
	div.searchBelow {
		margin-top: 3px;
		margin-left: -20px;
	}
	
	div.searchBelow span {
		color: #999;
	}
	
	div.searchBelow a {
		padding: 0px 20px 0px 20px;
		font-size: 14px;
		text-decoration: none;
	}
	
	img.logo {
		position: absolute;
		left: 0px;
		top: 30px;
		z-index: -1;
	}
	
	body {
		font-size: 12px;
		font-family: Arial;
	}
	
	a {
		color: #999;
	}
	
	a:hover {
		text-decoration: none;
		color: cadetblue;
	}
	
	* {
		margin: 0;
		padding: 0;
	}
	
	/*.centerblock {*/
	/*	top: 100px;*/
	/*	margin: auto;*/
	/*	margin-top: 50px;*/
    /*    margin-left: 200px;*/
	/*	width: 935px;*/
	/*	height: 400px;*/
	/*	border: 1px solid silver;*/
	/*}*/
    .centerblock {
        top: 100px;
        margin: auto;
        margin-top: 50px;
        width: 735px;
        height: 300px;
        border: 1px solid silver;
    }
	/*#centerblock_right {*/
	/*	float: left;*/
	/*	width: 935px;*/
	/*	height: 400px;*/
	/*	overflow: hidden;*/
	/*	position: relative;*/
	/*}*/
    #centerblock_right {
        float: left;
        width: 735px;
        height: 300px;
        overflow: hidden;
        position: relative;
    }
	
	/*#list {*/
	/*	width: 935px;*/
	/*	height: 400px;*/
	/*	position: absolute;*/
	/*	z-index: 1;*/
	/*}*/
	
	/*#list img {*/
	/*	width: 935px;*/
	/*	height: 100%;*/
	/*}*/
    #list {
        width: 4200px;
        height: 300px;
        position: absolute;
        z-index: 1;
    }

    #list img {
        width: 735px;
        height: 100%;
    }
	
	.listmenu {
		/*border: 1px solid silver;*/
		/*left: 20px;*/
	}
	
	.listmenu li {
		list-style: none;
		padding-left: 20px;
		height: 31.2px;
		line-height: 31.2px;
		font-size: 15px;
	}
	
	.listmenu li span {
		float: right;
		margin-right: 10px;
	}
	
	.listmenu li>a {
		text-decoration: none;
		color: #3a3a3a;
	}
	
	.listmenu li:hover {
		background-color: whitesmoke;
		color: cadetblue;
	}
	
	.listmenu li:hover>a {
		color: cadetblue;
	}
	
	.listmenu>li>a:hover {
		text-decoration: underline;
	}
	
	.listmenu_child1 {
		position: absolute;
		left: 405px;
		top: 0px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu_child2 {
		position: absolute;
		left: 405px;
		top: 30px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu_child3 {
		position: absolute;
		left: 405px;
		top: 60px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu_child4 {
		position: absolute;
		left: 405px;
		top: 90px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu_child5 {
		position: absolute;
		left: 405px;
		top: 120px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu_child6 {
		position: absolute;
		left: 405px;
		top: 150px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu_child7 {
		position: absolute;
		left: 405px;
		top: 180px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu>li:hover .listmenu_child1 {
		display: block;
	}
	
	.listmenu>li:hover .listmenu_child2 {
		display: block;
	}
	
	.listmenu>li:hover .listmenu_child3 {
		display: block;
	}
	
	.listmenu>li:hover .listmenu_child4 {
		display: block;
	}
	
	.listmenu>li:hover .listmenu_child5 {
		display: block;
	}
	
	.listmenu>li:hover .listmenu_child6 {
		display: block;
	}
	
	.listmenu>li:hover .listmenu_child7 {
		display: block;
	}
	
	.listmenu_child_left {
		position: relative;
		float: left;
		padding-left: 20px;
		width: 530px;
		height: 300px;
	}
	
	.listmenu_child_right {
		position: relative;
		float: left;
		width: 249px;
		height: 300px;
		border-left: 1px solid silver;
	}
	
	.listmenu_child_left_top_title {
		position: relative;
		width: 530px;
		height: 35px;
		line-height: 35px;
		margin-top: 5px;
		color: black;
	}
	
	.span1 {
		position: absolute;
		bottom: 0;
		float: left;
		font-size: 18px;
		left: 0px;
		color: black;
	}
	
	.span2 {
		position: absolute;
		bottom: 0;
		float: right;
		font-size: 13px;
		right: 8px;
		color: black;
	}
	
	.listmenu_child_left_a {
		margin-right: 25px;
		line-height: 25px;
	}
	
	.listmenu_child_left_a>a {
		text-decoration: none;
		font-size: 14px;
		margin-right: 20px;
	}
	
	.colororg {
		color: cadetblue;
	}
	
	.colorgray {
		color: gray;
	}
	
	.listmenu_child_right_title {
		position: relative;
		text-align: center;
		font-size: 14px;
		color: black;
		top: 10px;
	}
	
	#buttons {
		position: absolute;
		height: 10px;
		width: 100px;
		z-index: 2;
		/*将buttons放在list上层*/
		bottom: 20px;
		right: 250px;
	}
	
	#buttons span {
		cursor: pointer;
		float: left;
		border: 1px solid #fff;
		border-radius: 50%;
		height: 10px;
		width: 10px;
		margin-right: 5px;
		background: #E98352;
	}
	
	#buttons .on {
		background: #474550;
	}
	
	.arrow {
		display: none;
		cursor: pointer;
		line-height: 40px;
		text-align: center;
		font-size: 30px;
		/*设置箭头的大小*/
		width: 40px;
		height: 40px;
		position: absolute;
		z-index: 2;
		/*将arrow放在list上层*/
		top: 180px;
		color: #fff;
		background: #474550;
	}
	
	.arrow:hover {
		background-color: #E98352;
		text-decoration: none;
	}
	
	#centerblock_right:hover .arrow {
		display: block;
		text-decoration: none;
	}
	
	#pre {
		left: 20px;
	}
	
	#next {
		right: 0px;
	}
	
	.oneSpan {
		padding: 10px 0;
	}
	
	.author {
		padding: 0 20px;
		height: 24px;
		line-height: 24px;
		overflow: hidden;
		color: #aaa;
	}
	
	.price {
		padding-left: 20px;
		height: 36px;
		line-height: 16px;
		font-family: "Arial";
		font-size: 14px;
		position: relative;
	}
	
	.rob {
		color: #c30;
		float: left;
		overflow: hidden;
		margin-right: 12px;
		font-weight: bold;
	}
	
	.name {
		height: 44px;
		line-height: 22px;
		position: absolute;
		overflow: hidden;
		top: 9px;
		left: 145px;
	}
	
	.product_ul {
		width: 800px;
		padding-top: 25px;
	}
	
	.div-inline {
		display: inline;
		width: 180px;
		height: 300px;
	}
	
	div.imgAndInfo {
		margin: 40px 20px;
		border:1px;
		background-color:ghostwhite;
		border-radius: 15px;
	}
	
	div.imgInimgAndInfo {
		float: left;
	}
	
	div.imgAndInfo img.bigImg {
		padding: 20px;
		width: 200px;
		height: 200px;
	}
	
	div.infoInimgAndInfo {
		padding: 0px 20px;
		overflow: hidden;
	}
	
	div.infoInimgAndInfo div.productTitle {
		color: black;
		font-size: 16px;
		font-weight: bold;
		margin: 0px 10px;
	}
	
	div.infoInimgAndInfo div.productSubTitle {
		color: gray;
		font-size: 16px;
		margin: 0px 10px;
	}
	
	div.infoInimgAndInfo div.productSubTitle2 {
		color: cadetblue;
		font-size: 12px;
		margin: 10px 10px;
	}
	
	div.infoInimgAndInfo div.juhuasuan {
		background-color: #2DA77A;
		color: white;
		text-align: center;
		line-height: 40px;
		margin-top: 10px;
	}
	
	div.infoInimgAndInfo span.juhuasuanBig {
		font-size: 18px;
		font-weight: bold;
		font-family: 黑体;
	}
	
	div.infoInimgAndInfo span.juhuasuanTime {
		color: #FFC057;
		font-weight: bold;
	}
	
	div.infoInimgAndInfo div.productPriceDiv {
		padding: 10px;
		color: #666666;
	}
	
	div.infoInimgAndInfo div.gouwujuanDiv {
		margin-top: 5px;
	}
	
	div.infoInimgAndInfo div.originalDiv {
		margin-top: 5px;
	}
	
	div.infoInimgAndInfo span.originalPriceDesc {
		font-size: 20px;
		color: cadetblue;
		display: inline-block;
		width: 68px;
	}
	
	div.infoInimgAndInfo span.originalPrice {
		font-family: Arial;
		font-size: 14px;
		color: #333333;
	}
	
	div.infoInimgAndInfo span.promotionPriceYuan {
		font-family: Arial;
		font-size: 18px;
		color: #C40000;
	}
	
	div.infoInimgAndInfo span.promotionPrice {
		color: #c40000;
		font-family: Arial;
		font-size: 30px;
		font-weight: bold;
	}
	
	div.infoInimgAndInfo span.promotionPriceDesc {
		color: #999999;
		display: inline-block;
		width: 68px;
		position: relative;
		left: 0px;
		top: -10px;
	}
	
	div.infoInimgAndInfo div.productNumber {
		color: #999999;
	}
	
	div.infoInimgAndInfo span.productNumberSettingSpan {
		border: 1px solid #999;
		display: inline-block;
		width: 43px;
		height: 32px;
		padding-top: 7px;
	}
	
	div.infoInimgAndInfo input.productNumberSetting {
		border: 0px;
		height: 80%;
		width: 80%;
	}
	
	div.productNumber span.num_add {
		background-position: -37px 0;
		top: 0;
	}
	
	div.productNumber span.updown {
		border: 1px solid #999;
		display: block;
		width: 20px;
		height: 14px;
		text-align: center;
		padding-top: 4px;
	}
	
	div.productNumber span.updownMiddle {
		height: 4px;
		display: block;
	}
	
	div.productNumber span.arrow {
		display: inline-block;
		width: 22px;
		height: 32px;
		vertical-align: top;
	}
	
	div.buyDiv {
		margin: 20px auto;
		text-align: center;
	}
	
	div.buyDiv button {
		display: inline-block;
		margin: 0px 10px;
		width: 180px;
		height: 40px;
	}
	
	button.buyButton {
		border: 1px solid whitesmoke;
		background-color: whitesmoke;
		text-align: center;
		line-height: 40px;
		font-size: 16px;
		color: cadetblue;
		font-family: arial;
	}
	
	button.addCartButton {
		border: 1px solid cadetblue;
		background-color: cadetblue;
		text-align: center;
		line-height: 40px;
		font-size: 16px;
		color: white;
		font-family: arial;
	}
	
	button.addCartButton span.glyphicon {
		font-size: 12px;
		margin-right: 8px;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	.redColor {
		color: #C40000;
	}
	
	.boldWord {
		font-weight: bold;
	}
	
	div .messbox_info {
		display: inline-block;
		padding-right: 25px
	}
	
	div .messbox_info .title {
		display: inline-block
	}
	
	.product_main .sale_box .messbox_info .pinglun {
		clear: both
	}
	
	.product_main .sale_box .messbox_info .pinglun .t1 {
		float: left
	}
    .myimg img{
        width: 180px;
        height: 120px;
    }
    .open-lesson .campus-option { margin-top: 14px; }
    .open-lesson .campus-option span { color: #333333; font-size: 14px; }
    .open-lesson .campus-option form { display: inline-block; }
    .open-lesson .campus-option select { width: 214px; height: 28px; background: #FAFAFA; border: 1px solid #DDDDDD; outline: none; text-indent: 12px; }

</style>

<body>
<div>

		<nav class="top">
			<a href="<%=request.getContextPath()%>/index/index.jsp" onclick=back() style="color:black;">首页</a>

			<span style="color:black; ">欢迎来到阳光运动~</span>
			
			<%
			if(request.getSession().getAttribute("identity")!=null){
				int identity=(int)request.getSession().getAttribute("identity");
				if(identity==3){
					%>
					<a href="<%=request.getContextPath()%>/exit" style="color:black;">退出登录</a>
					<span class="pull-right">
		            <a href="<%=request.getContextPath()%>/index/orderlist.jsp" style="color:black;">查看订单</a>
					</span><%
				}
				else{%>
                    <a href="<%=request.getContextPath()%>/studentRegister" style="color:black;">注册孩子</a>
					<a href="<%=request.getContextPath()%>/exit" style="color:black;">退出登录</a>
					<span class="pull-right">
		            <a href="<%=request.getContextPath()%>/index/orderlist.jsp" style="color:black;">我的订单</a>
                    <a href="<%=request.getContextPath()%>/index/studentlist.jsp" style="color:black;">我的孩子</a>
		            <a href="<%=request.getContextPath()%>/showcart" style="color:black;">购物车</a>
					</span><%
				}
			}
			else{
			%>
				<a href="<%=request.getContextPath()%>/enter" style="color:black;">请登录</a>
				<a href="<%=request.getContextPath()%>/register" style="color:black;">免费注册</a><%
			}
			%>
			

		</nav>

<%--		<div class="searchDiv ori" >--%>
<%--			<input type="text" placeholder="python 机器学习" name="keyword" id="keyword">--%>
<%--			<button id="btn" class="searchButton" type="submit" onclick=searchfunc() >搜索</button>--%>
<%--			<div class="searchBelow">--%>
<%--				<a>热搜:</a>--%>
<%--				<span> <a href="javascript:;" onclick=searchfunc("Timeline")> Timeline </a> --%>
<%--				</span> <span> <a href="javascript:;" onclick=searchfunc("Airframe")> Airframe </a> --%>
<%--				</span> <span> <a href="javascript:;" onclick=searchfunc("Downtown")>Downtown</a> </span>--%>
<%--            </div>--%>
<%--       </div>--%>
    <!--头部-->
<%--    <div class="new-header wrap clearfix defaults_dataid" data-id="8-0-555-688408-0-0-1-阳光运动">--%>
<%--        <!--机构logo 大小160*60-->--%>
<%--        <a href=# class="jg_logo"><img src="<%=request.getContextPath() %>/index/pic/logo.png"></a>--%>
<%--        <!--机构标题-->--%>
<%--        <h2 class="h">阳光运动</h2>--%>
<%--        <div class="header_r clearfix">--%>
<%--            <!--电话-->--%>
<%--            <span target="_blank" class="tel cur">010-64701570</span>--%>
<%--        </div>--%>
<%--    </div>--%>
    <!--机构导航-->
    <div class="jg_nav">
        <ul class="clearfix">
            <li><a class="cur" href="<%=request.getContextPath() %>/index/index.jsp" target="_self">主页</a></li>
            <li><a href="<%=request.getContextPath() %>/index/introduce.jsp" target="_self">机构简介</a></li>
        </ul>
    </div>
       <div class="centerblock ori" >
			<div id="centerblock_right" class="ori">
				<div id="list" style="left:0px">
					<img src="<%=request.getContextPath()%>/index/img/1.png" alt="1" />
					<img src="<%=request.getContextPath()%>/index/img/8.jpg" alt="2" />
					<img src="<%=request.getContextPath()%>/index/img/9.jpg" alt="3" />
				</div>
				<div id="buttons">
					<span index="1" class="on"></span>
					<span index="2"></span>
					<span index="3"></span>
				</div>
				<a href="javascript:;" class="arrow" id="prev"> <</a> <a
					href="javascript:;" class="arrow" id="next">></a>
			</div>
		</div>
	</div>
	
<div class="con storey_four" name="9153">
    <div class="col storey_four_left" name="9159">
        <div page_id="65152" component_map_id="403761" domain="book.dangdang.com" path_name="index" areaid="0" page_type="3" areatype="0" static_type="0">
            <div class="book_tuijian " name="图书馆首：主编推荐_1" dd_name="主编推荐" ddt-area="403761" ddt-floor="403761">
                <div id="component_403761"></div>
                
                <div class="tuijian " id="component_map_id_403761_part_id_5327" name="m403761_pid5352_p5327" js="true" itemclass="" action="hover" delay="0" speed="0" rand="0" area="0" barclass="on" updown="1" level="2">
                    <div class="head  headtuijian" ddt-area="5327" dd_name="tab头">
                        <h3 class="tltle">主编推荐</h3>
                        <ul class="tab_aa">
                            <li class="a tabh_0 first on" type="bar"><span>篮球</span></li>
                            <li class="a tabh_1" type="bar"><span>羽毛球</span></li>
                            <li class="a tabh_2" type="bar"><span>足球</span></li>
                            <li class="a tabh_3" type="bar"><span>排球</span></li>
                            <li class="a tabh_4" type="bar"><span>乒乓球</span></li>
                            <li class="a tabh_5" type="bar"><span>网球</span></li>
                        </ul>
                    </div>
                    <div class="tab_content_aa tab_content_aatuijian ">
                        <div class="content tab" type="item" dd_name="篮球" style="display: block;">
                            <div class=" " name="m403761_pid5352_5331_t9138">
                                <div class="open-lesson box wrap clearfix">
                                <!--校区选择-->
                                <div class="campus-option">
                                    <span>校区选择：</span>
                                        <select class="sel" id="firstsel" data-url="/xuexiao/bjygjy/peixun-0-">
                                            <option value=-1 >全部</option>
                                        </select>

                                </div></div>
                                <ul class="list_aa " id="component_403761__5352_5331_5329__5329" ddt-area="5329" seq="1" dd_name="篮球">
                                </ul>

                            </div>
                        </div>
                        <div class="content tab" type="item" dd_name="羽毛球" style="display: none;">
                            <div class=" " name="m403761_pid5352_5333_t9138">
                                <div class="open-lesson box wrap clearfix">
                                    <!--校区选择-->
                                    <div class="campus-option">
                                        <span>校区选择：</span>
                                        <select class="sel" data-url="/xuexiao/bjygjy/peixun-0-">
                                            <option value=-1 >全部</option>
                                        </select>

                                    </div></div>
                                <ul class="list_aa " id="component_403761__5352_5333_5329__5329" ddt-area="5329" seq="2" dd_name="羽毛球">


                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <li class="line3 " nname="book-65152-9159_1-470769_3" ddt-pit="3" dd_name="3">
                                        <a title="Classical Mythology" class="myimg" href="<%=request.getContextPath() %>/index/classdetail.jsp?id=7" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/羽毛球3.jpg" ></a>
                                        <p class="name" ddt-src="27863117">
                                          
                                        </p>
                                        <p class="author"><span class="author_t"></span>教师：林欣</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">55</span><span class="tail">.00</span></span><span class="price_r"><span class="sign">￥</span><span class="num">110</span><span class="tail">.00</span></span>
                                            <span class="ebookprice_n"><span class="ebookprice_title">时间段：</span><span class="num">周二、四、日</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                    <li class="line4 " nname="book-65152-9159_1-470769_4" ddt-pit="4" dd_name="4">
                                        <a title="Classical Mythology" class="myimg" href="<%=request.getContextPath() %>/index/classdetail.jsp?id=8" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/羽毛球4.jpg" ></a>
                                        <p class="name" ddt-src="27865026">
                                           
                                        </p>
                                        <p class="author"><span class="author_t"></span>教师：林欣</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">90</span><span class="tail">.00</span></span><span class="price_r"><span class="sign">￥</span><span class="num">180</span><span class="tail">.00</span></span>
                                            <span class="ebookprice_n"><span class="ebookprice_title">时间段：</span><span class="num">周一、三、六</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                </ul>

                            </div>
                        </div>
                        <div class="content tab" type="item" dd_name="足球" style="display: none;">
                            <div class=" " name="m403761_pid5352_5335_t9138">
                                <div class="open-lesson box wrap clearfix">
                                    <!--校区选择-->
                                    <div class="campus-option">
                                        <span>校区选择：</span>
                                        <select class="sel" data-url="/xuexiao/bjygjy/peixun-0-">
                                            <option value=-1 >全部</option>
                          				</select>

                                    </div></div>
                                <ul class="list_aa " id="component_403761__5352_5335_5329__5329" ddt-area="5329" seq="3" dd_name="足球">
                                    <li class="line1 " nname="book-65152-9159_1-470772_1" ddt-pit="1" dd_name="1">
                                        <a title="Classical Mythology" class="myimg" href="<%=request.getContextPath() %>/index/classdetail.jsp?id=9" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/足球1.jpg" ></a>
                                        <p class="name" ddt-src="25536535">
                                          
                                        </p>
                                        <p class="author"><span class="author_t"></span>教师：王刚</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">84</span><span class="tail">.00</span></span><span class="price_r"><span class="sign">￥</span><span class="num">168</span><span class="tail">.00</span></span>
                                            <span class="ebookprice_n"><span class="ebookprice_title">时间段：</span><span class="num">周二、四、日</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                    <li class="line2 " nname="book-65152-9159_1-470772_2" ddt-pit="2" dd_name="2">
                                        <a title="Classical Mythology" class="myimg" href="<%=request.getContextPath() %>/index/classdetail.jsp?id=10" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/足球2.jpg" ></a>
                                        <p class="name" ddt-src="26913553">
                                          
                                        </p>
                                        <p class="author"><span class="author_t"></span>教师：王刚</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">124</span><span class="tail">.60</span></span><span class="price_r"><span class="sign">￥</span><span class="num">169</span><span class="tail">.90</span></span>
                                            <span class="ebookprice_n"><span class="ebookprice_title">时间段：</span><span class="num">周一、三、六</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                    <li class="line3 " nname="book-65152-9159_1-470772_3" ddt-pit="3" dd_name="3">
                                        <a title="Classical Mythology" class="myimg" href="<%=request.getContextPath() %>/index/classdetail.jsp?id=11" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/足球3.png" ></a>
                                        <p class="name" ddt-src="25352309">
                                           
                                        </p>
                                        <p class="author"><span class="author_t"></span>教师：张三</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">49</span><span class="tail">.50</span></span><span class="price_r"><span class="sign">￥</span><span class="num">99</span><span class="tail">.00</span></span>
                                            <span class="ebookprice_n"><span class="ebookprice_title">时间段：</span><span class="num">周二、四、日</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                    <li class="line4 " nname="book-65152-9159_1-470772_4" ddt-pit="4" dd_name="4">
                                        <a title="Classical Mythology" class="myimg" href="<%=request.getContextPath() %>/index/classdetail.jsp?id=12" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/足球4.jpg" ></a>
                                        <p class="name" ddt-src="25352515">
                                           
                                        </p>
                                        <p class="author"><span class="author_t"></span>教师：张三</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">49</span><span class="tail">.00</span></span><span class="price_r"><span class="sign">￥</span><span class="num">98</span><span class="tail">.00</span></span>
                                            <span class="ebookprice_n"><span class="ebookprice_title">时间段：</span><span class="num">周一、三、六</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                </ul>

                            </div>
                        </div>
                        <div class="content tab" type="item" dd_name="排球" style="display: none;">
                            <div class=" " name="m403761_pid5352_5337_t9138">
                                <div class="open-lesson box wrap clearfix">
                                    <!--校区选择-->
                                    <div class="campus-option">
                                        <span>校区选择：</span>
                                        <select class="sel" data-url="/xuexiao/bjygjy/peixun-0-">
                                            <option value=-1 >全部</option>
                                        </select>

                                    </div></div>
                                <ul class="list_aa " id="component_403761__5352_5337_5329__5329" ddt-area="5329" seq="4" dd_name="排球">
                                    <li class="line1 " nname="book-65152-9159_1-470775_1" ddt-pit="1" dd_name="1">
                                        <a title="Men's Lives" class="myimg" href="<%=request.getContextPath() %>/index/bookdetail.jsp?id=13" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/排球1.jpg" ></a>
                                        <p class="name" ddt-src="25138729">
                                         
                                        </p>
                                        <p class="author"><span class="author_t"></span>Michael S. Kimmel</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">504</span><span class="tail">.00</span></span><span class="price_r"><span class="sign">￥</span><span class="num">600</span><span class="tail">.00</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                    <li class="line2 " nname="book-65152-9159_1-470775_2" ddt-pit="2" dd_name="2">
                                        <a title="Walden Two (Trade Book)" class="myimg" href="<%=request.getContextPath() %>/index/bookdetail.jsp?id=14" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/排球2.jpg" ></a>
                                        <p class="name" ddt-src="26438867">

                                        </p>
                                        <p class="author"><span class="author_t"></span>B. F. Skinner</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">78</span><span class="tail">.40</span></span><span class="price_r"><span class="sign">￥</span><span class="num">98</span><span class="tail">.00</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                    <li class="line3 " nname="book-65152-9159_1-470775_3" ddt-pit="3" dd_name="3">
                                        <a title="Christmas Doughcrafts" class="myimg" href="<%=request.getContextPath() %>/index/bookdetail.jsp?id=15"><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/排球3.jpg" ></a>
                                        <p class="name" ddt-src="24244856">
                                         
                                        </p>
                                        <p class="author"><span class="author_t"></span>Lorraine Bodger</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">21</span><span class="tail">.90</span></span><span class="price_r"><span class="sign">￥</span><span class="num">39</span><span class="tail">.80</span></span><span class="ebookprice_n"><span class="ebookprice_title">电子书</span><span class="sign">￥</span><span class="num">1</span><span class="tail">.99</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                    <li class="line4 " nname="book-65152-9159_1-470775_4" ddt-pit="4" dd_name="4">
                                        <a title="A Farewell to France" class="myimg" href="<%=request.getContextPath() %>/index/bookdetail.jsp?id=16" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/排球4.jpg" ></a>
                                        <p class="name" ddt-src="27847701">

                                        </p>
                                        <p class="author"><span class="author_t"></span>Noel Barber</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">128</span><span class="tail">.00</span></span><span class="price_r"><span class="sign">￥</span><span class="num">128</span><span class="tail">.00</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                </ul>

                            </div>
                        </div>
                        <div class="content tab" type="item" dd_name="乒乓球" style="display: none;">
                            <div class=" " name="m403761_pid5352_5339_t9138">
                                <div class="open-lesson box wrap clearfix">
                                    <!--校区选择-->
                                    <div class="campus-option">
                                        <span>校区选择：</span>
                                        <select class="sel" data-url="/xuexiao/bjygjy/peixun-0-">
                                            <option value=-1 >全部</option>
                                        </select>

                                    </div></div>
                                <ul class="list_aa " id="component_403761__5352_5339_5329__5329" ddt-area="5329" seq="5" dd_name="乒乓球">
                                    <li class="line1 " nname="book-65152-9159_1-470778_1" ddt-pit="1" dd_name="1">
                                        <a title="Three With a Bullet" class="myimg" href="<%=request.getContextPath() %>/index/bookdetail.jsp?id=17" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/乒乓球1.jpg" ></a>
                                        <p class="name" ddt-src="27874293">
                                       
                                        </p>
                                        <p class="author"><span class="author_t"></span>Arthur Lyons</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">17</span><span class="tail">.00</span></span><span class="price_r"><span class="sign">￥</span><span class="num">45</span><span class="tail">.00</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                    <li class="line2 " nname="book-65152-9159_1-470778_2" ddt-pit="2" dd_name="2">
                                        <a title="Loveroot" class="myimg" href="<%=request.getContextPath() %>/index/bookdetail.jsp?id=18"  ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/乒乓球2.jpg" ></a>
                                        <p class="name" ddt-src="25299344">
                                           
                                        </p>
                                        <p class="author"><span class="author_t"></span>Erica Jong</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">37</span><span class="tail">.00</span></span><span class="price_r"><span class="sign">￥</span><span class="num">39</span><span class="tail">.00</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                    <li class="line3 " nname="book-65152-9159_1-470778_3" ddt-pit="3" dd_name="3">
                                        <a title="A ghost in the music" class="myimg" href="<%=request.getContextPath() %>/index/bookdetail.jsp?id=19"  ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/乒乓球3.gif" ></a>
                                        <p class="name" ddt-src="27856198">
                                          
                                        </p>
                                        <p class="author"><span class="author_t"></span>John Treadwell Nichols</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">42</span><span class="tail">.40</span></span><span class="price_r"><span class="sign">￥</span><span class="num">46</span><span class="tail">.80</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                    <li class="line4 " nname="book-65152-9159_1-470778_4" ddt-pit="4" dd_name="4">
                                        <a title="乒乓球4" class="myimg" href="<%=request.getContextPath() %>/index/bookdetail.jsp?id=20"  ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/乒乓球4.jpg" ></a>
                                        <p class="name" ddt-src="26516153">
                                        
                                        </p>
                                        <p class="author"><span class="author_t"></span>[法]加缪</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">38</span><span class="tail">.30</span></span><span class="price_r"><span class="sign">￥</span><span class="num">45</span><span class="tail">.00</span></span><span class="ebookprice_n"><span class="ebookprice_title">电子书</span><span class="sign">￥</span><span class="num">5</span><span class="tail">.99</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                </ul>

                            </div>
                        </div>
                        <div class="content tab" type="item" dd_name="网球" style="display: none;">
                            <div class=" " name="m403761_pid5352_5341_t9138">
                                <div class="open-lesson box wrap clearfix">
                                    <!--校区选择-->
                                    <div class="campus-option">
                                        <span>校区选择：</span>
                                        <select class="sel" data-url="/xuexiao/bjygjy/peixun-0-">
                                            <option value=-1 >全部</option>
                                        </select>

                                    </div></div>
                                <ul class="list_aa " id="component_403761__5352_5341_5329__5329" ddt-area="5329" seq="6" dd_name="网球">
                                    <li class="line1 " nname="book-65152-9159_1-470781_1" ddt-pit="1" dd_name="1">
                                        <a title="网球1" class="img" href="<%=request.getContextPath() %>/index/bookdetail.jsp?id=21" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/网球1.jpg" ></a>
                                        <p class="name" ddt-src="27872786">

                                        </p>
                                        <p class="author"><span class="author_t"></span>Priest</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">58</span><span class="tail">.50</span></span><span class="price_r"><span class="sign">￥</span><span class="num">99</span><span class="tail">.60</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                    <li class="line2 " nname="book-65152-9159_1-470781_2" ddt-pit="2" dd_name="2">
                                        <a title="网球2" class="myimg" href="<%=request.getContextPath() %>/index/bookdetail.jsp?id=22" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/网球2.jpg" ></a>
                                        <p class="name" ddt-src="27849618">

                                        </p>
                                        <p class="author"><span class="author_t"></span>林帝浣</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">82</span><span class="tail">.60</span></span><span class="price_r"><span class="sign">￥</span><span class="num">96</span><span class="tail">.00</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                    <li class="line3 " nname="book-65152-9159_1-470781_3" ddt-pit="3" dd_name="3">
                                        <a title="网球3" class="myimg" href="<%=request.getContextPath() %>/index/bookdetail.jsp?id=23" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/网球3.jpg" ></a>
                                        <p class="name" ddt-src="27864233">

                                        </p>
                                        <p class="author"><span class="author_t"></span>莉兹·克里莫，译</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">48</span><span class="tail">.00</span></span><span class="price_r"><span class="sign">￥</span><span class="num">49</span><span class="tail">.00</span></span><span class="ebookprice_n"><span class="ebookprice_title">电子书</span><span class="sign">￥</span><span class="num">18</span><span class="tail">.99</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                    <li class="line4 " nname="book-65152-9159_1-470781_4" ddt-pit="4" dd_name="4">
                                        <a title="网球4" class="myimg" href="<%=request.getContextPath() %>/index/bookdetail.jsp?id=24" ><img width="180px" height="120px" src="<%=request.getContextPath() %>/index/pic/网球4.jpg" ></a>
                                        <p class="name" ddt-src="27854569">

                                        </p>
                                        <p class="author"><span class="author_t"></span>赛雷&nbsp;著&nbsp;华文天下</p>
                                        <p class="price"><span class="rob"><span class="sign">￥</span><span class="num">128</span><span class="tail">.60</span></span><span class="price_r"><span class="sign">￥</span><span class="num">142</span><span class="tail">.80</span></span><span class="ebookprice_n"><span class="ebookprice_title">电子书</span><span class="sign">￥</span><span class="num">42</span><span class="tail">.00</span></span>
                                        </p>
                                        <div class="icon_pop"></div>
                                    </li>
                                </ul>

                            </div>
                        </div>
                    </div>
                </div>
                <div id="recommend"></div>
            </div>
        </div>
    </div>
</div>
	<div id="c"></div>
</body>

</html>